<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="public::head('')">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8"></meta>

</head>
<body style="padding-top:0px;">
<input type="hidden" th:value="${xiangmuId}" id="xiangmuId">
<input type="hidden" th:value="${xiangmuLeixing}" id="xiangmuLeixing">

<div id="Shengchanqiyelist">


    <div class="primary-content">

        <div style="margin-top:15px;text-align: center;font-size:24px">
            <span class="btn btn-info" style="float:left;margin-right:15px;margin-top:10px;"
                  v-on:click="toback()">返回</span>
            <label  style="margin-left: 200px; ">{{xiangmu.xiangmuname}}</label>


        </div>
        <div style="margin-top:10px;text-align: center;font-size:24px">
            <label  style="margin-left: 20px; "></label>

        </div>
        <div id="List">
        </div>

        <div v-if="!show" style="text-align:center;width:100%;">查无数据</div>

        <div v-if="show" class="my-page-navigation">
            <button class="btn btn-default" v-on:click="SetPageIndex">首页</button>
            <button class="btn btn-default" v-on:click="SetPageIndexPrePage">上一页</button>
            <span v-text="pageIndex + '  /  ' + pageCount"></span>
            <span v-text="'共' + recordCount + '条品规'"></span>
            <button class="btn btn-default" v-on:click="SetPageIndexNextPage">下一页</button>
            <button class="btn btn-default" v-on:click="SetPageEnd">尾页</button>
            <span>跳到第</span>
            <input type="text" class="form-control" style="width: 80px;display:inline-block;"  v-model="inputPageIndexValue" v-on:keyup.enter="JumpPage">
            <span>页</span>
            <button class="btn btn-default" v-on:click="JumpPage">跳</button>
        </div>
    </div>
</div>

</body>

<script type="text/javascript">
    var ID = $("#id").val();
    $(function() {
        if(ID==""){
            alert("请先登录！");
            location.href='../main/login';
        }
    })


</script>


<style>
    table{
        border:1px solid #e6e6e6;
        /*line-height: 5vh;*/
        color:#666666;
        font-size: 16px;
    }
    table {
        border-collapse: collapse;
        width: 100%;
    }
    td {
        padding:5px;
        border:1px solid #e6e6e6;
        font-size: 14px;
    }
    .table-head{background-color: #CDCDCD;color:#000;height:90px;padding-right:17px;}
    .table-body{width:100%; height:500px;overflow-y:scroll;}
    .table-head table,.table-body table{width:100%;}
    .table-body table tr:nth-child(2n+1){background-color:#f2f2f2;}

    .table-body table tr:hover {
        background-color:#dff0d8;
        transition: .2s;
    }
    .table-body table tr:hover td{background-color:rgb(240, 249, 228);}
</style>
<script th:src="@{/js/main/Fujian/Huizongbiaoview.js?v=1.0}"></script>
<style>
    a {
        text-decoration: none;
        color:#333;
    }
    /*正常的未被访问过的链接*/
    a:link {
        text-decoration: none;
    }
    /*已经访问过的链接*/
    a:visited {
        text-decoration: none;
    }
    /*鼠标划过(停留)的链接*/
    a:hover {
        text-decoration: none;
    }
    /* 正在点击的链接*/
    a:active {
        text-decoration: none;
    }
</style>

</html>